
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page import="java.util.Vector"%>
<%@page import="cl.ventas.modelo.Carrito"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<% HttpSession sesion=request.getSession();
        Vector<Carrito> carritoCompras=null;
        //Si se creo la sesion con el atributo de carrito
        if(sesion.getAttribute("carrito")!=null){
            //Si existe una sesion con ese atributo, se obtiene los datos de esa sesion
            carritoCompras=(Vector<Carrito>)sesion.getAttribute("carrito");
        }else{
            //Si no existe esa sesion se crea el carrito de compras
            carritoCompras=new Vector<Carrito>();

        }
%>
<html>
        <head>
        <title>Consultar Producto</title>  
        <style type="text/css">  
        <!--  
        body {  
        background-color: #FFFF99;  
       }
        body,td,th {  
        font-family: Arial, Helvetica, sans-serif;  
       }#titulo{font-family: Hobo Std;}  
        </style>  
        </head>  
        
        <body>  
        <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">  
        <tr>  
        <td width="84" bgcolor="#CC9933"><img src="${pageContext.request.contextPath}/img/logo.gif" width="84" height="77" /></td>  
        <td id ='titulo'width='716' bgcolor='#CC9933'><h1 style='color:#FFFFFF' align="center">Bear's Store</h1></td>  
        </tr>  
        <tr align="center" colspan="0">  
        <td colspan="2">&nbsp;</td>  
        </tr>  
        <tr align="center">  
        <td colspan="2">  
        <a href='listado.htm'><img src='${pageContext.request.contextPath}/img/ListadoBtn.gif'></a>  
        <a href='AgregarCarrito1.htm'><img src='${pageContext.request.contextPath}/img/AgrCarrBtn.gif'></a>  
        <a href='VerCarrito.htm'><img src='${pageContext.request.contextPath}/img/VerCarritoBtn.gif' width='150' height='50' alt='VerCarritoBtn'/></a>  
        <a href='salir.htm'><img src='${pageContext.request.contextPath}/img/SalirBtn.gif'></a></td>  
        </tr>  

        <tr>  
        <td colspan="2">&nbsp;</td>  
        </tr>  
       <% if(carritoCompras.size()>0){%>
             <tr>  
             <td colspan="2"><table width="100%" border="0">  
             <tr bgcolor="#CC9933" style="color: #FFFFFF">  
             <td width="68%"><h4>Nombre</h4></td>  
             <td width="16%" align="right" valign="top"><h4><span class="Estilo3">Cantidad</span></h4></td>  
             <td width="16%" align="right" valign="top"><h4><span class="Estilo3">Precio</span></h4></td>  
             <td colspan='38%' width="16%" align="center" valign="top"><h4><span class="Estilo3">Opciones</span></h4></td>  
             </tr>
           <% for(int i=0; i<carritoCompras.size(); i++){
                if(i%2==0){
                   %>
                    <tr bgcolor="#FFFFFF">  
                    <td><%=carritoCompras.get(i).getProducto().getNombre() %></td>  
                    <td align="right" valign="top"><%= carritoCompras.get(i).getCantidadPedida() %></td>  
                    <td align="right" valign="top"><%=carritoCompras.get(i).getSubTotal() %></td>
                    <td align="right" valign='top'> <a href='EditarCarrito.htm?codigo=<%=i%>&cantidadPedida=1'><img src='${pageContext.request.contextPath}/img/EliminarBtn.gif'/></a></td>  
                    <td align="right" valign='top'> <a href='EditarCarrito.htm?codigo=<%=i%>&cantidadPedida=2'><img src='${pageContext.request.contextPath}/img/EditarBtn.gif'/></a></td>  
                    </tr>  
               <% }else{%>
                    <tr>  
                    <td><%=carritoCompras.get(i).getProducto().getNombre()%></td>  
                    <td align="right" valign="top"><%=carritoCompras.get(i).getCantidadPedida() %></td>  
                    <td align="right" valign="top"><%=carritoCompras.get(i).getSubTotal() %></td>  
                    <td align='right' valign='top'> <a href='EditarCarrito.htm?codigo=<%=i%>&cantidadPedida=1'><img src='${pageContext.request.contextPath}/img/EliminarBtn.gif'/></a></td>  
                    <td align='right' valign='top'> <a href='EditarCarrito.htm?codigo=<%=i%>&cantidadPedida=2'><img src='${pageContext.request.contextPath}/img/EditarBtn.gif'/></a></td>  
                    </tr>  
              <%  }
                
            }%>
             <tr bgcolor="#CC9933" style="color: #FFFFFF">  
             <td width='16%' align='left' valign='top'><h4><span class='Estilo3'>TOTAL A PAGAR</span></h4></td>  
            <% double Total = 0;
            for(int i=0; i<carritoCompras.size(); i++){
                Total += carritoCompras.get(i).getSubTotal();
            }%>
             <td colspan='38%' width="16%" colspan='4' align="right" valign="top"><%= Total %></td>  
             </tr>  
             </table></td>  
             </tr>  

             <tr>  
             <td colspan="2" aling="center"> <a href='FinalizarCompra.htm'><img src='${pageContext.request.contextPath}/img/FinalizarBtn.gif'/></a>  </td>  
             </tr>  
       <% }else{ %>
       <tr><td colspan='10'><a style="font-size: 40px; color: red" align="center"><c:out value="${mensaje}"/></a></td></tr>  
        <%}%>
         </table>  
         </body> 
</html>
